import React, { useEffect, useRef, useState } from "react";
import { Button } from "antd-mobile";
import classnames from "classnames";
import * as gtag from '@/libs/gtag'
import { BASE_PATH } from '@/config'

const pageName = "rule";
const klassName = pageName.replace(/\./g, '-');

export default function RuleComp({pos}) {

  const [rule, setRule] = useState(undefined);

  useEffect(() => {
    gtag.event({
      action: 'rule_view',
      label: `查看规则`,
    })
  }, [])

  return (
    <div className={classnames(`cp-${klassName}`)}>

    
      <div className="inner" style={{position: 'relative'}}>
     
        {
          rule ?
            <>{rule}</>
            :
            <>

              {/*<h2 className="header">*/}

              {/*</h2>*/}

              <div className="title">
                1、活动时间：<span style={{fontWeight:'normal'}}>2023年12月21日-12月23日</span>
              </div>
              <div className="title">
                2、活动对象：<span style={{fontWeight:'normal'}}>引力域认证UNI车主</span>
              </div>

              <div className="title">
                3、活动玩法：
              </div>
              <p>
                ① UNI车主参与活动时，需在50秒内移动图片拼出正确图案，方可解锁抽奖；<br />
                ② 每日随机释放两种类型图片，首次完成单类型拼图，即可获得1次抽奖机会；<br />
                ③ 每日拼图挑战次数不限，但每人每日至多可获得2次抽奖机会。<br/>
              </p>

              <div className="title">
                4、活动奖池：
              </div>
              <p>
              ① 踢脚线取暖器（价值499元）<br />
              ② 20寸PC铝框拉杆箱（价值489元）<br />
              ③ UNI乒乓球拍（价值129元）<br />
              ④ UNI健身瑜伽垫（价值99元）<br />
              ⑤ 蓝小鲸UNI盲盒（价值45元）<br />
              ⑥ 随机面额U币奖励（26-2000U币不等）<br />
              </p>

              <div className="title">
                5、兑奖说明：
              </div>
              <p>
                ① 实物奖励：将在活动结束后7个工作日内以代金券的形式发放，用户需在有效期内自行前往商城兑换，逾期失效无法领取，视为自动放弃该奖励；代金券可于【引力域APP/小程序】-【我的】-【代金券】查看；<br />
                ② U币奖励：将在活动结束后7个工作日内完成发放，用户可前往【我的U币】查看到账情况。
              </p>


              <div className="title">
                6、活动说明：
              </div>
              <p>
              活动期间，若用户出现违规行为（如利用黑客工具、软件作弊），引力域有权取消用户参与资格并收回已发放奖品。
              </p>
            </>
        }
      </div>
    </div>
  )
}

